 <template>
  <div>
    <n-card title="插件列表" header>
      <div class="header">
        <div>
          <NButton type="primary" @click="onPop">
            {{title}}
          </NButton>
        </div>
        <div>
            <n-input-group>
              <n-input v-model:value="queryItems.keyword" placeholder="请输入商品分类关键词" :style="{ width: '100%' }" />
              <n-button @click="search" type="primary" ghost>
                搜索
              </n-button>
            </n-input-group>
        </div>
      </div>
    </n-card>
  </div>
</template>

<script setup>
  const props = defineProps({
  title: {
    type: String,
    default: '我是个按钮',
  },
  keyword: {
    type: String,
    default: '',
  },
  
})

const emit = defineEmits(['onPop','search'])
const onClickAdd = () =>{
    emit('onPop',true);
}
const search = () =>{
    console.log(keyword)
    emit('search',keyword.value);
}
</script>
